<template>
    <div>
        <a @click="activeCom = 'MusicCom1'" href="#">流行音乐</a><br>
        <a @click="activeCom = 'MusicCom2'" href="#">古典音乐</a><br>
        <a @click="activeCom = 'MusieCom3'" href="#">民族音乐</a><br>
        <component :is="activeCom"></component>
    </div>
</template>
<script>
import MusicCom1 from "./4-6 MusicCom1.vue";
import MusicCom2 from "./4-6 MusicCom2.vue";
import MusicCom3 from "./4-6 MusicCom3.vue";
export default {
    data() {
        return {
            activeCom: " MusicComl"
        };
    },
    components: {
        MusicCom1,
        MusicCom2,
        MusicCom3,
    },
};
</script>
<style></style>